Component({
  data: {
    name: "Tom",
  },
  // 组件生命周期声明对象，组件的生命周期：created、attached、ready、moved、detached
  lifetimes: {
    // created：在组件实例刚刚被创建时执行，注意此时不能调用 setData
    created() {
      console.log("created");
      // 无法对数据进行修改
      this.setData({
        name: "Jerry",
      });
      // 可以通过this的方式给组件添加一些自定义的属性
      this.test = "测试";
    },
    // attached：组件被初始化完毕，模板解析完成，已经把组件挂载到页面上
    attached() {
      console.log("attached");
      console.log(this.test);
      // 可以进行修改
      this.setData({
        name: "Jack",
      });
      // 一般页面中的交互会在此函数中进行实现
    },
    // detached：组件被销毁时触发执行
    detached() {
      console.log("detached");
    },
  },
  // 组件所在页面的生命周期
  pageLifetimes: {
    // 监听组件所在页面展示状态，页面显示/切入前台时触发
    show() {
      console.log("组件所在页面展示了");
    },
    // 监听组件所在页面隐藏状态，页面隐藏/切入后台时触发。
    hide() {
      console.log("组件所在页面隐藏了");
    },
  },
});
 